<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <title>Vue Example</title>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
    <button v-on:click="increment">plus 1</button>
    <p>This button is clicked {{ count }} times。</p>
</div>

<script>
    const app=new Vue({
        el:'#app',
        // state
        data:{
            count: 0
        },
        // actions
        methods: {
            increment:function () {
                this.count++
            }
        }
    })
</script>
</body>
</html>
